Add Geometry

Add Geometry

You can add geometry features in map from geojson data using Layers. Check out the below code to add layers in map

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import org.maplibre.geojson.Feature
import org.maplibre.android.MapLibre
import org.maplibre.android.camera.CameraUpdateFactory
import org.maplibre.android.geometry.LatLng
import org.maplibre.android.maps.MapView
import org.maplibre.android.maps.MapLibreMap
import org.maplibre.android.style.layers.FillLayer
import org.maplibre.android.style.layers.LineLayer
import org.maplibre.android.style.layers.Property
import org.maplibre.android.style.layers.PropertyFactory
import org.maplibre.android.style.sources.GeoJsonSource

class GeometryMapActivity : AppCompatActivity() {
    private lateinit   var map: MapLibreMap
    private lateinit var mapView: MapView
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        MapLibre.getInstance(this)
        setContentView(R.layout.activity_geometry_map)


        //map style name for style link
        val styleId = "osm-liberty"

        // get the api key from barikoi developer panel https://developer.barikoi.com
        val apiKey = getString(R.string.barikoi_api_key)

        // Build the style URL
        val styleUrl = "https://map.barikoi.com/styles/$styleId/style.json?key=$apiKey"


        //geometry geosjon data
        val geometryjson = """
            {
                "type": "Feature",
                "properties": {},
                "geometry":
                {
                  "type": "Polygon",
                  "coordinates": [
                    [
                        [90.4245719514072,23.8498893170947],[90.4162572277404,23.8593578587565],
                        [90.4063700498334,23.8578960563255],[90.406494,23.852892],
                        [90.400035,23.860683],[90.3924952036647,23.8614377480597],
                        [90.3852827038556,23.856767705799],[90.393448,23.845689],
                        [90.3927183589261,23.8419405320778],[90.4014731602744,23.8310647094072],
                        [90.4070952270173,23.8308912076182],[90.4180521159278,23.8383449571236],
                        [90.4223406961995,23.8431574279637],[90.421858,23.846121],
                        [90.4245719514072,23.8498893170947]
                      ]
                    
                  ]
                }
            }
         """
        //create feature object from the Geojson
        val feature = Feature.fromJson(geometryjson)

        // Create map view
        mapView= findViewById(R.id.mapView)
        mapView.onCreate(savedInstanceState)
        mapView.getMapAsync { map ->
            this.map =map

            // Set the style after mapView was loaded
            map.setStyle(styleUrl){style->

                // Create a GeoJson Source from our feature.
                val geojsonSource = GeoJsonSource("dhaka-airport", feature)
                // Add the source to the style
                style.addSource(geojsonSource)

                // Add layer on map using the Geojson Source
                val layer = LineLayer("dhaka-airport-line", "dhaka-airport")
                    .withProperties(
                        PropertyFactory.lineCap(Property.LINE_CAP_SQUARE),
                        PropertyFactory.lineJoin(Property.LINE_JOIN_MITER),
                        PropertyFactory.lineOpacity(1.0f),
                        PropertyFactory.lineWidth(5f),
                        PropertyFactory.lineColor("#0094ff")
                    )

                val filllayer = FillLayer("dhaka-airport-fill", "dhaka-airport")
                    .withProperties(
                        PropertyFactory.fillColor("#009fff"),
                        PropertyFactory.fillOpacity(0.5f)
                    )
                // Add the layer at the end
                style.addLayer(layer)
                style.addLayer(filllayer)
                //set camera on the layer
                map.moveCamera(CameraUpdateFactory.newLatLngZoom(LatLng( 23.845689, 90.393448), 14.0))

            }
        }
    }

    override fun onStart() {
        super.onStart()
        mapView.onStart()
    }

    override fun onResume() {
        super.onResume()
        mapView.onResume()
    }

    override fun onPause() {
        super.onPause()
        mapView.onPause()
    }

    override fun onStop() {
        super.onStop()
        mapView.onStop()
    }

    override fun onLowMemory() {
        super.onLowMemory()
        mapView.onLowMemory()
    }

    override fun onDestroy() {
        super.onDestroy()
        mapView.onDestroy()
    }

}